﻿﻿@{
    ViewBag.CurrentPage = WebApp.Common.PageSetting.ReachUsPageSetting;
}

@{ var sectionId = (Request.IsAjaxRequest() ? "Ajax" : "View") + "_Home_Reach"; }

@section Scripts{
    <script type="text/javascript">
        require(['Home/Reach'], function (api) {
            $(function () { api.exec('@sectionId'); });
        });
    </script>
}

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>

<!-- Google Maps -->
<div id="map_canvas" class="google-map"></div>
<div class="container">
    <section id="@sectionId">
        <div class="row">
            <div class="col-md-6">
                <div class="alert alert-success hidden" id="contactSuccess">
                    <strong>Success!</strong> Your message has been sent to us.
                </div>
                <div class="alert alert-danger hidden" id="contactError">
                    <strong>Error!</strong> There was an error sending your message.
                </div>
                <h2 class="short"><strong>Contact</strong> Us</h2>
                <form action="" id="contactForm" method="post">
                    <div class="row">
                        <div class="form-group">
                            <div class="col-md-6">
                                <label>Your Name *</label>
                                <input type="text" data-bind="value: name" class="form-control" name="name" id="name" required>
                            </div>
                            <div class="col-md-6">
                                <label>Your Email Address *</label>
                                <input type="email" data-bind="value: email" class="form-control" name="email" id="email" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <div class="col-md-6">
                                <label>Your Company Name *</label>
                                <input type="text" data-bind="value: companyName" class="form-control" id="subject" required>
                            </div>
                            <div class="col-md-6">
                                <label>Mobile No. *</label>
                                <input type="text" class="form-control" data-bind="value: phone" id="phone" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="form-group">
                            <div class="col-md-12">
                                <label>Description *</label>
                                <textarea data-bind="value: description" rows="10" class="form-control" name="message" id="message" required></textarea>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <button class="btn btn-primary btn-lg" data-bind="click: function(){ save(); }">Send</button>
                            <div id="reachMessage"></div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-md-6">
                <h4 class="push-top">Get in <strong>touch</strong></h4>
                <p>We are always delighted to hear from clients who may wish to know more about our business. If you would like to find out how we can help you, please e-mail us at : <a href="mailto:info@sanelib.com">info@sanelib.com</a></p>
                <hr />
                <h4>The <strong>Office</strong></h4>
                <ul class="list-unstyled">
                    <li><i class="icon icon-map-marker"></i> <strong>Address:</strong> Opp. Manupanchal Bhaval, Moti Bhatiyawad, Patan (N.G.) - 384265, Gujarat, INDIA.</li>
                    <li><i class="icon icon-phone"></i> <strong>Phone:</strong> 02766-230992</li>
                    <li><i class="icon icon-envelope"></i> <strong>Email:</strong> <a href="mailto:info@sanelib.com">info@sanelib.com</a></li>
                </ul>
                <hr />
                <h4>Business <strong>Hours</strong></h4>
                <ul class="list-unstyled">
                    <li><i class="icon"></i> Monday - Saturday 9am to 6pm</li>
                    <li><i class="icon"></i> Sunday - Closed</li>
                </ul>
            </div>
        </div>
    </section>
</div>

<section class="call-to-action featured footer">
    <div class="container">
        <div class="row">
            <div class="center">
                <h3>Be a partner with Sanelib team assures your <strong>money's worth</strong>.</h3>
            </div>
        </div>
    </div>
</section>

